<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Music Player</title>
  <style>
    html { font-size: 16px; }
    body { background-image: url('img/body.png'); margin: 0; padding: 0; }
    html, body { height: 100%; width: 100%; }
    iframe { display: block; background-color: #fff; height: 46rem; width: 25.875rem; position: relative; left: 50%; top: 50%; margin-left: -12.9375rem; margin-top: -23rem; box-shadow: 0 0 15px #444; }
  </style>
</head>

<body>
  <iframe src="home.html" frameborder="0"></iframe>
</body>

</html>
